﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="oAuth2.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/main.css" />
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    <script src="js/pace.js"></script>
</head>
<body>
     <form id="form1" runat="server">
        <div>

            <!--[if lt IE 9]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

            <div id="loading"></div>


            <header class="main_header">
                <div class="container header_container">
                    <a href="http://trustyn.com/">
                        <img src="img/logo.png" alt="Trustyn" /></a>
                    <nav>
                        <ul>
                            <li><a id="faq_link">FAQ</a></li>
                            <li><a class="signup_link"><% Response.Write(Session["UserLogin"] == null ? "SIGN UP" : "Wellcom, " + Session["UserLogin"].ToString()); %></a></li>
                        </ul>
                    </nav>
                </div>

                <div class="stripe"></div>
            </header>

            <div id="top_padding"></div>

            <div id="homepage">

                <section class="first_section pos_rel">
                    <div class="container">
                        <h1 class="faded">your <span>circle</span> of trust</h1>

                        <article class="faded">
                            "You are looking for three things in a person, intelligence, energy and integrity. If they don't have the last one, don't even bother looking for the first two"
       
                            <br />
                            <span>- Warren Buffet</span>
                        </article>

                        <a id="signup" class="faded signup_link">sign up now</a>
                    </div>
                    <div id="mouse"></div>
                    <div id="net_right"></div>
                </section>

                <section class="second_section">
                    <div class="container pos_rel">
                        <div id="lines_second"></div>
                        <div id="first_circle" class="circle_top"></div>
                        <div id="second_circle" class="circle_top"></div>
                        <div id="whatis_circle" class="trigger"></div>

                        <div id="first_circle_text">
                            <h2>WHO, NOT<br />
                                HOW MANY</h2>
                            Trustyn takes the top 9 people you've worked with
                            <br />
                            and builds an intuitive map revolving around you and
                            <br />
                            the trusted relationships surrounding your network.<br />
                            This allows you to connect with people that meet
                            <br />
                            your quality expectation and match your requirements.<br />
                            By limiting the number of referrals to 9,
                            <br />
                            Trustyn can focus on who and not how many
           
                        </div>

                        <div id="second_circle_text">
                            <h2>VALUES</h2>
                            If Sam and I share the same standards,<br />
                            and I value his opinion as a doctor,<br />
                            then I trust that his top 9 referrals<br />
                            will meet my expectations as well.<br />
                            It all comes down to the saying that<br />
                            the best referrals are
                            <br />
                            from the people you trust.
           
                        </div>

                    </div>
                </section>

                <section class="network_section container pos_rel">
                    <div id="network_color"></div>
                    <div id="network_white"></div>

                    <div class="bubble bubble1" data-width="220px" data-height="105px"></div>
                    <div class="bubble bubble2" data-width="321px" data-height="149px"></div>
                    <div class="bubble bubble3 trigger" data-width="239px" data-height="114px"></div>
                    <div class="bubble bubble4" data-width="268px" data-height="128px"></div>
                    <div class="bubble bubble5 trigger" data-width="239px" data-height="114px"></div>
                </section>


                <section class="pre_footer">
                    <img src="img/this_network.png" alt="this_network" />
                </section>

                <section class="signup_section">
                    <div class="container">
                        <a name="signup_part" id="signup_part"></a>
                        <h3 id="signup_button">Be the first one to use Trustyn!</h3>
                        <p>Register using a social network of your choice to receive updates and sign up in advance to be one of the first to use Trustyn.</p>

                        <asp:ImageButton runat="server" ID="btnFacebook" ImageUrl="img/fb.png" OnClick="btnFacebook_OnClick"/>
                        
                        <asp:ImageButton runat="server" ID="btnGoogle" ImageUrl="img/go.png" OnClick="btnGoogle_OnClick"/>
                        
                        <asp:ImageButton runat="server" ID="btnLinkedIn" ImageUrl="img/li.png" OnClick="btnLinkedIn_OnClick"/>
                        <%--<a id="fb" href="#" runat="server" OnServerClick="fb_OnServerClick">
                          
                      </a>--%>
                        <%--<asp:Button ID="btngoogle"
                            runat="server"
                            OnClick="btngoogle_OnClick" ViewStateMode="Enabled" EnableViewState="True" />

                        <asp:Button ID="btnLinked"
                            runat="server"
                            OnClick="btnLinked_OnClick" />--%>

                        <%--<a id="go" href="#" runat="server" OnServerClick="go_OnServerClick"></a>
                        <a href="#" id="li" runat="server" OnServerClick="li_OnServerClick"></a>--%>
                        <a id="ma" class="signup_trigger"></a>

                        <div id="gConnect" style="display: none;">
                            <button class="g-signin"
                                data-scope="https://www.googleapis.com/auth/plus.login  https://www.googleapis.com/auth/userinfo.email "
                                data-requestvisibleactions="http://schemas.google.com/AddActivity"
                                data-clientid="600422347182-qkgfehjred1vbsmjbdm4nckjoh1he6af.apps.googleusercontent.com"
                                data-accesstype="offline"
                                data-callback="onSignInCallback"
                                data-theme="dark"
                                data-cookiepolicy="single_host_origin">
                            </button>



                        </div>
                    </div>
                </section>

                <section class="hurry_section" id="hurry_section" runat="server" visible="false">
                    hurry up,

   
                    `
                    <!-- number of people signed up -->

                    <div runat="server" id="divRegisteredUsers">
                    </div>

                    <!-- number of people signed up -->

                    people have registered already
                   
                </section>

            </div>

            <footer class="main_footer">
                <div class="stripe"></div>
                ALL RIGHTS RESERVED. COPYRIGHT 2013 TRUSTYN
            </footer>


            <div id="overlay">
                <%-- <div id="fb-root"></div>--%>
                <div id="FBReg" runat="server" align="center" style="margin-top: 100px;">
                    <iframe height="280" width="400" src="https://www.facebook.com/plugins/registration.php?client_id=315944655224169&redirect_uri=http://trustyn.com/&fields=name,birthday,gender,location,email"></iframe>

                </div>
                <!-- FACEBOOK FORM -->


                <%--         <div class="signup_form" id="fb_form">
                    <h6>Sign up with Facebook</h6>

                    <input class="input half_input" type="text" placeholder="First Name" />
                    <input class="input half_input" type="text" placeholder="Last Name" />

                    <input class="input" type="text" placeholder="Email" />

                    <input class="input half_input" type="password" placeholder="Enter Password" />
                    <input class="input half_input" type="password" placeholder="Confirm Password" />

                    <span class="form_text">Birthday</span>
                    <select class="input select1">
                        <option value="" disabled selected>Month</option>
                        <option>Jan</option>
                        <option>Feb</option>
                        <option>...</option>
                    </select>

                    <select class="input select2">
                        <option value="" disabled selected>Day</option>
                        <option>1</option>
                        <option>2</option>
                        <option>...</option>
                    </select>

                    <select class="input select3">
                        <option value="" disabled selected>Year</option>
                        <option>1990</option>
                        <option>1991</option>
                        <option>...</option>
                    </select>

                    <span class="form_text">Gender</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text m">Male</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text f">Female</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text u">Unspecified</span>

                    <img class="catchpa" src="img/catchpa.jpg" />

                    <input class="input half_input" type="text" placeholder="Catchpa" />
                    <br />

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text long">I have read and agree to comply with Trustyn's <a href="#">Terms.</a></span>

                    <div class="signup_holder">
                        <input type="submit" class="signup_submit" value="sign up now" />
                    </div>

                    <div class="check_box">
                        <div class="box checked"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text long">I would like to receive email updates</span>

                </div>--%>

                <!-- END OF FACEBOOK FORM -->

                <!-- GOOGLE+ FORM -->

                <div class="signup_form" id="go_form">
                    <h6>Sign up with Google+</h6>

                    <input class="input half_input" type="text" placeholder="First Name" />
                    <input class="input half_input" type="text" placeholder="Last Name" />

                    <input class="input" type="text" placeholder="Email" />

                    <input class="input half_input" type="password" placeholder="Enter Password" />
                    <input class="input half_input" type="password" placeholder="Confirm Password" />

                    <span class="form_text">Birthday</span>
                    <select class="input select1">
                        <option value="" disabled selected>Month</option>
                        <option>Jan</option>
                        <option>Feb</option>
                        <option>...</option>
                    </select>

                    <select class="input select2">
                        <option value="" disabled selected>Day</option>
                        <option>1</option>
                        <option>2</option>
                        <option>...</option>
                    </select>

                    <select class="input select3">
                        <option value="" disabled selected>Year</option>
                        <option>1990</option>
                        <option>1991</option>
                        <option>...</option>
                    </select>

                    <span class="form_text">Gender</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text m">Male</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text f">Female</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text u">Unspecified</span>

                    <img class="catchpa" src="img/catchpa.jpg" />

                    <input class="input half_input" type="text" placeholder="Catchpa" />
                    <br />

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text long">I have read and agree to comply with Trustyn's <a href="#">Terms.</a></span>

                    <div class="signup_holder">
                        <input type="submit" class="signup_submit" value="sign up now" />
                    </div>

                    <div class="check_box">
                        <div class="box checked"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text long">I would like to receive email updates</span>

                </div>

                <!-- END OF GOOGLE+ FORM -->

                <!-- LINKEDIN FORM -->

                <div class="signup_form" id="li_form">
                    <h6>Sign up with LinkedIN</h6>

                    <input class="input half_input" type="text" placeholder="First Name" />
                    <input class="input half_input" type="text" placeholder="Last Name" />

                    <input class="input" type="text" placeholder="Email" />

                    <input class="input half_input" type="password" placeholder="Enter Password" />
                    <input class="input half_input" type="password" placeholder="Confirm Password" />

                    <span class="form_text">Birthday</span>
                    <select class="input select1">
                        <option value="" disabled selected>Month</option>
                        <option>Jan</option>
                        <option>Feb</option>
                        <option>...</option>
                    </select>

                    <select class="input select2">
                        <option value="" disabled selected>Day</option>
                        <option>1</option>
                        <option>2</option>
                        <option>...</option>
                    </select>

                    <select class="input select3">
                        <option value="" disabled selected>Year</option>
                        <option>1990</option>
                        <option>1991</option>
                        <option>...</option>
                    </select>

                    <span class="form_text">Gender</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text m">Male</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text f">Female</span>

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text u">Unspecified</span>

                    <img class="catchpa" src="img/catchpa.jpg" />

                    <input class="input half_input" type="text" placeholder="Catchpa" />
                    <br />

                    <div class="check_box">
                        <div class="box"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text long">I have read and agree to comply with Trustyn's <a href="#">Terms.</a></span>

                    <div class="signup_holder">
                        <input type="submit" class="signup_submit" value="sign up now" />
                    </div>

                    <div class="check_box">
                        <div class="box checked"></div>
                        <input type="checkbox" />
                    </div>

                    <span class="form_text long">I would like to receive email updates</span>

                </div>

                <!-- LINKEDIN FORM -->

                <!-- MAIL FORM -->

                <div class="signup_form" id="ma_form">
                    <h6>Sign up with Email</h6>

                    <asp:TextBox ID="txtfirstname" runat="server" class="input half_input" placeholder="First Name">          
                    </asp:TextBox><asp:RequiredFieldValidator ID="rfvname" ControlToValidate="txtFirstname" ErrorMessage="*" ForeColor="Red" runat="server" Display="Dynamic"></asp:RequiredFieldValidator>

                    <asp:TextBox ID="txtlastname" runat="server" class="input half_input" type="text" placeholder="Last Name"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvlast" runat="server" ControlToValidate="txtlastname" ErrorMessage="*" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
                    <br />
                    <asp:TextBox ID="txtemail" runat="server" class="input" placeholder="Email"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvemail" runat="server" ControlToValidate="txtemail" ErrorMessage="*" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
                    <br />
                    <asp:TextBox ID="txtpassword" runat="server" class="input half_input" placeholder="Enter Password" TextMode="Password"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvpass" runat="server" ControlToValidate="txtpassword" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
                    <asp:TextBox ID="txtcnfrmpassword" runat="server" class="input half_input" placeholder="Confirm Password" TextMode="Password"></asp:TextBox>
                    <asp:CompareValidator ID="cmppass" runat="server" ControlToCompare="txtpassword" ControlToValidate="txtcnfrmpassword" ForeColor="Red" ErrorMessage="*" Display="Dynamic"></asp:CompareValidator>
                    <br />
                    <span class="form_text">Birthday</span>
                    <asp:DropDownList ID="drpmonth" runat="server" class="input select1">

                        <asp:ListItem Text="January" Value="1"></asp:ListItem>
                        <asp:ListItem Text="February" Value="2"></asp:ListItem>
                        <asp:ListItem Text="March" Value="3"></asp:ListItem>
                        <asp:ListItem Text="April" Value="4"></asp:ListItem>
                        <asp:ListItem Text="May" Value="5"></asp:ListItem>
                        <asp:ListItem Text="June" Value="6"></asp:ListItem>
                        <asp:ListItem Text="July" Value="7"></asp:ListItem>
                        <asp:ListItem Text="August" Value="8"></asp:ListItem>
                        <asp:ListItem Text="September" Value="9"></asp:ListItem>
                        <asp:ListItem Text="October" Value="10"></asp:ListItem>
                        <asp:ListItem Text="November" Value="11"></asp:ListItem>
                        <asp:ListItem Text="December" Value="12"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="drpday" runat="server" class="input select2">
                        <asp:ListItem Text="1" Value="1"></asp:ListItem>
                        <asp:ListItem Text="2" Value="2"></asp:ListItem>
                        <asp:ListItem Text="3" Value="3"></asp:ListItem>
                        <asp:ListItem Text="4" Value="4"></asp:ListItem>
                        <asp:ListItem Text="5" Value="5"></asp:ListItem>
                        <asp:ListItem Text="6" Value="6"></asp:ListItem>
                        <asp:ListItem Text="7" Value="7"></asp:ListItem>
                        <asp:ListItem Text="8" Value="8"></asp:ListItem>
                        <asp:ListItem Text="9" Value="9"></asp:ListItem>
                        <asp:ListItem Text="10" Value="10"></asp:ListItem>
                        <asp:ListItem Text="11" Value="11"></asp:ListItem>
                        <asp:ListItem Text="12" Value="12"></asp:ListItem>
                        <asp:ListItem Text="13" Value="13"></asp:ListItem>
                        <asp:ListItem Text="14" Value="14"></asp:ListItem>
                        <asp:ListItem Text="15" Value="15"></asp:ListItem>
                        <asp:ListItem Text="16" Value="16"></asp:ListItem>
                        <asp:ListItem Text="17" Value="17"></asp:ListItem>
                        <asp:ListItem Text="18" Value="18"></asp:ListItem>
                        <asp:ListItem Text="19" Value="19"></asp:ListItem>
                        <asp:ListItem Text="20" Value="20"></asp:ListItem>
                        <asp:ListItem Text="21" Value="21"></asp:ListItem>
                        <asp:ListItem Text="22" Value="22"></asp:ListItem>
                        <asp:ListItem Text="23" Value="23"></asp:ListItem>
                        <asp:ListItem Text="24" Value="24"></asp:ListItem>
                        <asp:ListItem Text="25" Value="25"></asp:ListItem>
                        <asp:ListItem Text="26" Value="26"></asp:ListItem>
                        <asp:ListItem Text="27" Value="27"></asp:ListItem>
                        <asp:ListItem Text="28" Value="28"></asp:ListItem>
                        <asp:ListItem Text="29" Value="29"></asp:ListItem>
                        <asp:ListItem Text="30" Value="30"></asp:ListItem>
                        <asp:ListItem Text="31" Value="31"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="drpyr" runat="server" class="input select3"></asp:DropDownList>
                    <br />
                    <span class="form_text">Gender</span>
                    <div class="check_box">
                        <div class="box"></div>
                        <asp:CheckBox ID="chkmale" runat="server" />
                    </div>
                    <span class="form_text m">Male</span>
                    <div class="check_box">
                        <div class="box"></div>
                        <asp:CheckBox ID="chkfemale" runat="server" />
                    </div>
                    <span class="form_text f">Female</span>
                    <div class="check_box">
                        <div class="box"></div>
                        <asp:CheckBox ID="chkUnspecified" runat="server" />


                    </div>
                    <span class="form_text u">Unspecified</span>
                    <asp:CustomValidator ID="cvGender" runat="server" ErrorMessage="*" ClientValidationFunction="ValidateGender" ForeColor="red" Display="Dynamic"></asp:CustomValidator>
                    <br />
                    <img class="catchpa" src="Captcha.ashx" />
                    <asp:TextBox ID="txtCaptchaText" runat="server"
                        CssClass="input half_input" placeholder="Catchpa"></asp:TextBox>
                    <asp:TextBox ID="lblCaptcha" runat="server" Style="display: none"></asp:TextBox>
                    <asp:CompareValidator ID="cmpCaptcha" runat="server" ControlToValidate="txtCaptchaText" ControlToCompare="lblCaptcha" ErrorMessage="*" ForeColor="Red" Display="Dynamic"></asp:CompareValidator>
                    <asp:RequiredFieldValidator ID="rfvCaptcha" runat="server" ControlToValidate="txtCaptchaText" ErrorMessage="*" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
                    <br />





                    <div class="check_box">
                        <div class="box"></div>
                        <asp:CheckBox ID="chkterms" runat="server" />
                    </div>

                    <span class="form_text long">I have read and agree to comply with Trustyn's <a href="#">Terms.</a></span>
                    <asp:CustomValidator ID="cvUnspecified" runat="server" ErrorMessage="*" ClientValidationFunction="ValidateCheckBox" ForeColor="red" Display="Dynamic"></asp:CustomValidator>
                    <br />
                    <div class="signup_holder">
                        <asp:ScriptManager ID="ScriptManager1" runat="server">
                        </asp:ScriptManager>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>

                                <asp:Button ID="btnsubmit" runat="server" class="signup_submit" Text="sign up now" />

                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>

                    <div class="check_box">
                        <div class="box"></div>
                        <asp:CheckBox ID="chkemail" runat="server" />
                    </div>

                    <span class="form_text long">I would like to receive email updates</span>
                </div>
                <!-- MAIL FORM -->

            </div>


            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
            <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
            <script src="js/plugins.js"></script>
            <script src="js/easing.js"></script>
            <script src="js/main.js"></script>

            <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
            <script>
                (function (b, o, i, l, e, r) {
                    b.GoogleAnalyticsObject = l; b[l] || (b[l] =
                    function () { (b[l].q = b[l].q || []).push(arguments) }); b[l].l = +new Date;
                    e = o.createElement(i); r = o.getElementsByTagName(i)[0];
                    e.src = '//www.google-analytics.com/analytics.js';
                    r.parentNode.insertBefore(e, r)
                }(window, document, 'script', 'ga'));
                ga('create', 'UA-XXXXX-X'); ga('send', 'pageview');
            </script>

        </div>

    </form>
</body>
</html>
